{{template "base/head" .}}
<div id="home-div">
	<div id="home-header-div" class="ui stackable middle very relaxed page grid">
		<div id="home-logo-div">
			<img id="home-logo-img" src="{{AppSubURL}}/img/notabug-lg.png" alt="logo" />
		</div>

		<div id="home-login-div">
			<h3 id="home-title-h2">
				<span id="home-title-span">{</span>
				<span id="home-title-l-span">'NotABug.org': </span>
				<span id="home-title-r-span">&quot;Free&nbsp;code&nbsp;hosting&quot;<span>
				<span id="home-title-span">}</span>
			</h3>

			<form id="home-login-form" action="{{AppSubURL}}/user/login" method="post">
				<input name="from" type="hidden" value="home">
				{{.CsrfTokenHtml}}
				<p>
					<label for="user_name" class="home-login-label">User:</label>
					<input id="user_name" name="user_name" autofocus required placeholder="{{.i18n.Tr "home.uname_holder"}}">
				</p><p>
					<label for="password" class="home-login-label">Pass:</label>
					<input id="password" name="password" type="password" required placeholder="{{.i18n.Tr "home.password_holder"}}"/>
					<button class="home-login-btn">{{.i18n.Tr "sign_in"}}</button>
					{{if .ShowRegistrationButton}}
					<span class="home-login-span">or</span>
					<a href="{{AppSubURL}}/user/sign_up"><button class="home-login-btn">{{.i18n.Tr "sign_up"}}</button></a>
					{{end}}
				</p>
			</form>
		</div>
	</div>

	<div id="home-footer-div" class="ui middle very relaxed page grid">
		<div id="home-footer-l-div">
			<img src="{{AppSubURL}}/img/hack.png" alt="peers-logo" width="52px" />
			<b>Peers</b>
			<p>NotABug.org is a <a href="http://peers.community">Peers Community</a> project</p>
		</div>
		<div id="home-footer-r-div">
			<img src="{{AppSubURL}}/img/gogs-lg.png" alt="gogs-logo" width="52px" />
			<b>Powered by gogs</b>
			<p>NotABug.org is powered by a <a href="https://notabug.org/hp/gogs/">liberated</a> version of <a href="http://gogs.io">gogs</a></p>
		</div>
	</div>
</div>
{{template "base/footer" .}}
